@import "@/styles/variables.scss";
.app-main{
  $padding-lr:0.15rem;
  padding-top:0.1rem;
  .comment-wrapper{
    width:100%;
    background-color:#fff;
    padding:0 $padding-lr;
    padding-bottom:0.15rem;
    .item{
      display:flex;
      // align-items:center;
      justify-content: center;
      padding:0.1rem 0;
      align-items: center;
      span{
        flex:1;
        max-width:50%;
        font-size:0.14rem;
        color:#666;
        &:last-child{
          color:#333;
          text-align:right;
        }
      }
    }
    .textarea{
      border:1px solid #E5E5E5;
      height:1rem;
      padding:0.1rem;
      font-size:0.13rem;
      color:#333;
      /deep/ .mint-cell-wrapper{
        padding:0;
        font-size:inherit;  
        height:100%;
        .mint-cell-value{
          textarea{
            height:100%;
          }
          height:100%;
        }
      }
    }
    .anonymity{
      display:flex;
      align-items:center;
      margin-top:0.1rem;
      font-size:0.12rem;
      color:#999;
      span{
        margin-left:0.1rem;
      }
      /deep/ .mint-checkbox-core{
        border-radius: 0;
        border: 1px solid #4F8BE8;
        transform:scale(0.8);
      }
      /deep/ input[type=checkbox]:checked+.mint-checkbox-core{
        border: none;
      }   
    }
  }
  .btn-group{
    width:100%;
    height:1rem;
    padding:0 $padding-lr;
    display:flex;
    align-items:center;
    justify-content: space-between;
  }
  /* 弹出窗 */
  @include msgbox;
}